<template>
  <view class="agreements-page">
    <view class="title">{{ agreements.title }}</view>
    <view class="content">{{ agreements.content }}</view>
  </view>
</template>

<script>
import mineApi from "@/api/mine";

export default {
  name: "agreements",
  data() {
    return {
      agreements: {},
    };
  },
  onLoad() {
    this.getAgreements();
  },
  onShow() {},
  methods: {
    getAgreements() {
      mineApi.getAgreements().then((res) => {
        if (res.code == 200) {
          this.agreements = res.rows[0];
        }
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.agreements-page {
  width: 100vw;
  height: 100vh;
  padding: 0 32rpx;
  box-sizing: border-box;
  overflow-y: auto;
  background: #fff;

  .title {
    padding: 16rpx 0;
    font-size: 40rpx;
    font-weight: 600;
    text-align: center;
  }

  .content {
    font-size: 38rpx;
  }
}
</style>
